/** @format */

.system-layout {
  width: 100vw;
  height: 100vh;
  .system-layout-aside {
    height: 100vh;
  }
  .system-layout-layout {
    .system-layout-layout-header {
      height: 64px;
      padding: 0 20px;

      border-bottom: 1px solid black;
      background-color: white;
    }
    .system-layout-layout-content {
      margin: 0;
      padding: 0;

      background-color: #fff;
    }
  }
}

.aside-layout {
  .aside-header {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 64px;

    .title {
      font-size: 14px;
      font-weight: 600;
      line-height: 1.5;

      margin-bottom: 0;

      color: #fff;
    }
  }
  .aside-content {
    overflow-y: auto;

    height: calc(100vh - 48px - 64px);
  }
}

.main-layout {
  background-color: fade(#000, 1);
  .main-content {
    overflow: hidden;

    height: 100vh;
    padding: 0;
  }
}
